<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title> 凡客诚品帮助中心页面</title>
		<link rel="stylesheet" href="css/vancl.css">
		<style type="text/css">
			.gaoliang {
				background-color: gold;
			}
		</style>
		<script src="../../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
				$("#nav ul li").hover(
				                function () {
				                    $(this).find("ul.second").show();
				                    $(this).find("div.first").css("background-color","#dddddd");
				                    $(this).find("ul.second li").hover(
				                        function () {
				                            $(this).css("background-color","#dddddd");
				                        },
				                        function () {
				                            $(this).css("background-color","#fff");
				                        }
				                    );
				                },
				                function () {
				                    $(this).find("ul.second").hide();
				                    $(this).find("div.first").css("background-color","#fff");
				                   
				                }
				            );


						// $(".qiehuan input[value='0']").click(function(){
						// 	$(this).parent().next().show();
						// });
						// $(".qiehuan input[value='1']").click(function(){
						// 	$(this).parent().next().hide();
						// });
						// $("#nav ul li").hover(function(){
						// 	$(this).find(".second").show();
						// },function(){
						// 	$(this).find(".second").hide();
						// });
						// $("#nav ul li ul li").hover(function(){
						// 	$(this).addClass("gaoliang").parent().prev().addClass("gaoliang");
						// },function(){
						// 	$(this).removeClass("gaoliang").parent().prev().removeClass("gaoliang");
						// });
					});

	</script>
	</head>
	<body>
		<div id="bodyDiv">
			<!-- 输入框 -->
			<input type="text" value="请输入要查询的问题" name='search' class='search' />
			<!-- 左边导航 -->
			<div id='nav'>
				<ul>
					<li>
						<div class='first'>账号管理</div>
						<ul class='second'>
							<li>账号注册</li>
							<li>找回密码</li>
							<li>账户关联登录</li>
							<li>账号常见问题</li>
						</ul>
					</li>
					<li>
						<div class='first'>购物指南</div>
						<ul class='second'>
							<li>购物流程</li>
							<li>服务条款</li>
							<li>积分计划</li>
							<li>取消订单</li>
						</ul>
					</li>

					<li>
						<div class='first'>配送方式</div>
						<ul class='second'>
							<li>国内配送</li>
							<li>订单拆分</li>
							<li>商品验货与签收</li>
							<li>配送常见问题</li>
						</ul>
					</li>
					<li>
						<div class='first'>支付方式</div>
						<ul class='second'>
							<li>在线支付</li>
							<li>货到付款</li>
							<li>VANCL礼品卡</li>
							<li>发票制度</li>
						</ul>
					</li>


				</ul>
			</div>
			<!-- 流程 -->
			<div class="tab">
				<div id="tab_bg" class="tab_bg0">
					<div class="tab_current">
						<a name="index_gwlc_1" class="track" href="#">1.新用户注册</a>
					</div>
					<div class="tab_common">
						<a name="index_gwlc_2" class="track" href="#">2.挑选商品</a>
					</div>
					<div class="tab_common">
						<a name="index_gwlc_3" class="track" href="#">3.确认下单</a>
					</div>
					<div class="tab_common">
						<a name="index_gwlc_4" class="track" href="#">4.订单跟踪</a>
					</div>
					<div class="tab_common">
						<a name="index_gwlc_5" class="track" href="#">5.验货签收</a>
					</div>
				</div>
			</div>

			<!-- 提交问题 -->


			<div class="jiejue2">

				<h3>这条帮助是否解决了您的问题？</h3>
				<div class="qiehuan">
					<input name="IsAvail" type="radio" value="1" checked="checked" /> 已解决
					<input name="IsAvail" type="radio" value="0" /> 未解决
					<input id="ContID" type="hidden" value="1" />
				</div>

				<div class="wenti" style="display:none">
					<p>问题没解决？请选择原因:</p>
					<p><select name="TrackID" id="TrackID">
							<option value="1">文字太多，阅读困难</option>
							<option value="2">内容复杂，看不懂</option>
							<option value="3">描述不清楚</option>
							<option value="99">其他原因</option>
						</select></p>
					<div id="TrackContentDiv" style=" display:none;">
						<p>也可以直接填写原因:</p>
						<p><textarea name="TrackContent" id="TrackContent" cols="45" rows="5"></textarea></p>
					</div>
				</div>
				<p class="wenti_result"><a href=" "><img src="images/submit_bt.jpg" /></a></p>
			</div>

		</div>
	</body>
</html>
